<!DOCTYPE html>
<html>
<head>
	<title>登录</title>
	<meta http-equiv="Content-Type" Content="text/html; charset=utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" type="text/css" href={{ url_for('static', filename = 'css/bootstrap.min.css') }}>
    <link rel="stylesheet" type="text/css" href={{ url_for('static', filename = 'css/login.css') }}>
    <link rel="stylesheet" type="text/css" href={{ url_for('static', filename = 'css/nav.css') }}>
    <link rel="stylesheet" type="text/css" href={{ url_for('static', filename = 'css/footer.css') }}>

</head>

<body>
<div class="container-fluid main" style="background:url({{ url_for('static', filename='img/background.jpg') }}) no-repeat;background-size: cover;padding: 0">
  <nav class="navbar navbar-default">
    <div class="container-fluid nav-con">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="{{ url_for('index.index') }}">
          <img class="logo" src="../static/img/logo.png">
        </a>
        <a class="navbar-brand" href="{{ url_for('index.index') }}" style="padding-top: 2rem;color: #EDEDED">
           <span class="sign" style="font-size: 1.6rem">品质商城 让生活更美好</span>
        </a>
      </div>
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav navbar-right">
          <li class="navli"><a href="{{ url_for('index.index') }}">首页</a></li>
        </ul>
      </div>
    </div>
  </nav>
<div class="col-md-7 col-xs-1"></div>
<div class="col-md-4 col-xs-10 logindiv">
  <div class="login-h">
    <h3 class="loginh">
      登录 or
      <a href= "{{ url_for('register.register') }}" >注册</a>
    </h3>
  </div>

    <!--------     表单       ------->
  <form class="form-horizontal login-f" method="post">

    <div class="form-group">
      <label for="inputName" class="col-sm-2 control-label">Username</label>
      <div class="col-sm-12">
        {{ form.user(size=20,type="text" ,class="form-control forminput" ,id="inputName" ,placeholder="用户名 Username") }}
      </div>
    </div>


    <div class="form-group">
      <label for="inputPassword" class="col-sm-2 control-label">Password</label>
      <div class="col-sm-12">
        {{ form.pwd(size=20,type="password" ,class="form-control forminput" ,id="inputPassword" ,placeholder="密码 Password") }}
      </div>
    </div>

      {{ form.csrf_token }}

      <div class="form-group">
        <div class="col-sm-12">
            {{ form.veri(size=6,type="text" ,class="form-control forminput" ,id="inputVeri" ,placeholder="验证码 Verification") }}
        </div>
        <p class="col-sm-12"><img style="width:auto;height: auto;margin-top: 10px;border-radius: 10px" src="data:;base64,{{ img_stream }}"> </p>
      </div>

    <div class="form-group">
      <div class="col-sm-offset-1 col-sm-3">
        <input type="checkbox" style="margin-top: 1.2rem"> 记住我
      </div>
      <div class="col-sm-offset-2  col-sm-4">
        {{ form.submit(class="form-control btn btn-info", style="transition: all 0.6s;") }}
      </div>
    </div>


  </form>

    <div class="more-login-mode middle-line" style="margin-top: 2.7rem">
      <p>更多登录方式</p>
    </div>
    <div class="col-md-12" style="padding-left: 5rem;">
      <ul class="imgs">
        <li><a href=""><img src="../static/img/qq.png"></a></li>
        <li><a href=""><img src="../static/img/wechat.png"></a></li>
        <li><a href=""><img src="../static/img/webo.png"></a></li>
        <li><a href=""><img src="../static/img/pay.png"></a></li>
      </ul>
    </div>
</div>
</div>
</div>
<footer class="bs-docs-footer">
  <div class="col-md-12">
    <p>
    <a href="#">关于布可</a>
    <a href="#">合作伙伴</a>
    <a href="#">营销中心</a>
    <a href="#">廉正举报</a>
    <a href="#">联系客服</a>
    <a href="#">开放平台</a>
    <a href="#">诚征英才</a>
    <a href="#">联系我们</a>
    <a href="#">网站地图</a>
        <br/><br/>
    </p>

  </div>
</footer>


</body>
</html>
<script type="text/javascript" src="../static/js/jquery.min.js"></script>
<script type="text/javascript" src="../static/js/bootstrap.min.js"></script>